<template>
  <ul class="question">
    <li v-for="list in data" :key="list.id">
      <h3  @click="showDetail(list.id-1)">{{list.title}}<span class="icon active"></span></h3>
      <transition @before-enter="beforeEnter">
        <p class="detail" v-show="list.active">{{list.detail}}</p>
      </transition>
    </li>
  </ul>
</template>

<script>
  export default {
    name: "question",
    data(){
      return{
        data:[{
          title:"一、可代办哪些地区、什么类型的年审服务？",
          detail:"目前车行易已经开通全国六年内车辆免检年审服务，即车辆行驶证年审服务，具体的您可以绑定车牌信息查询；另目前已开通广州、深圳、东莞、北京、上海地区的代驾线检，即需车辆前往验车厂进行检验的年审服务。",
          id:1
        },{
          title:"二、车辆需满足市民条件才可以符合年审代办要求？",
          detail:"年审免检服务针对的是六年内五座车辆，自购车起两年一审，需提交指定的资料信息至车管所办理，且要求车辆无违章、无重大事故，五座车辆自第六年起需车辆至验车厂办理年审，每年一审；七座车辆自购买起六年内每两年至验车厂办理年审，六年外每一年至验车厂办理年审，除去需提交指定资料外，仍需车辆无违章、无任何改装、相应车辆配件符合原装标准、车辆各项功能符合检测标准才可通过年审。如因车辆或资料问题导致的年审办理失败均不退还服务费。",
          id:2
        },{
          title:"三、年检流程是什么？",
          detail:"1、添加车牌后选择对应办理方式的年审服务，并完成支付。\n" +
          "        2、依次确认年审所需资料，并按照要求上传清晰照片以便客\n" +
          "        服审核。\n" +
          "        3、添加邮寄地址后确认提交订单\n" +
          "        4、按照系统提示完成资料原件邮寄，客服收到资料后会尽快\n" +
          "        办理完成并回邮相关资料。\n" +
          "        本平台办理六年外年审的流程如下：\n" +
          "        1、添加车牌信息并完成支付。\n" +
          "        2、依次确认年审所需资料，并按照要求上传清晰照片以便客\n" +
          "        服审核。\n" +
          "        3、由客服完成预约后回复年审日期及验车厂信息\n" +
          "        注：年审订单下单支付后请务必依次确认年审资料，如您未\n" +
          "        确认资料则无法继续办理！",
          id:3
        },{
          title:"四、年检需要提供什么资料？",
          detail:"每个地区办理年检所需资料有所差异，您下单成功后系统会\n" +
          "        提示您年审代办所需具体资料，包含但不仅限于以下资料：\n" +
          "        行驶证正副本原件、有效交强险副本单原件、有效车船税原\n" +
          "        件（如交强险已代收则无需提供）、车主身份证正反面复印\n" +
          "        件、如进口车需提供车辆购置税完税证明原件或铭牌照片打\n" +
          "        印机、如公司车需提供车辆年审代办委托书原件。具体的请\n" +
          "        以您下单界面提示为准。",
          id:4
        },{
          title:"五、交强险要正本还是副本？",
          detail:"正副本原件均可办理，因办理年检业务需留存交强险原建议您使用副本。",
          id:5
        },{
          title:"六、证件寄到哪里?",
          detail:"六年内年审订单界面中选择邮政上门服务的由邮政揽投人员 上门收件,证件寄送地址无需用户填写,办结后邮政寄回; 客户自行邮寄的系统中会提示证件邮寄地址,请用户自行寄 送。\n" +
          "六年外的年审代办验车通过后由代驾司机直接送还验车合格 标志及已加盖年审合格标志的行驶证正副本原件。",
          id:6
        },{
          title:"七、年检周期多久?",
          detail:"年审免检服务针对的是六年内五座车辆，自购车起两年一审，需提交指定的资料信息至车管所办理，且要求车辆无违章、无重大事故，五座车辆自第六年起需车辆至验车厂办理年审，每年一审；七座车辆自购买起六年内每两年至验车厂办理年审，六年外每一年至验车厂办理年审，除去需提交指定资料外，仍需车辆无违章、无任何改装、相应车辆配件符合原装标准、车辆各项功能符合检测标准才可通过年审。如因车辆或资料问题导致的年审办理失败均不退还服务费。",
          id:7
        },{
          title:"八、能否加急处理年检?",
          detail:"六年内年检办理1-5个工作日就可以帮您处理好的,因中间涉 及到来回快递时间,暂不支持加急,六年外过线检需排队预 约验车厂,实际办理周期以预约日期为准。",
          id:8
        },{
          title:"九、年审可提前办理么?",
          detail:"年审最多可提前三个月办理,以行驶证副本上所显示的年审 有效期为准,包含当月,仅精确至月份不限制具体日期,如 年审有效期为2018年1月20日,则需在1月31日完成年审便不 会逾期,最早可提前至11月份办理。建议您在年审有效期到 期前办理年审,不要逾期未审。",
          id:9
        },{
          title:"十、逾期未年检如何处理?",
          detail:"逾期未年审属于车辆脱检,不符合交通法规是不支持上路开 车的,大部分地区逾期年审需扣分罚款后再办理,部分地区 逾期一定周期内不予处罚可直接办理。如因车辆逾期导致年 审办理失败需用户承担相应服务费。\n" +
          "\n",
          id:10
        },{
          title:"十一、年检费用怎么算?",
          detail:"\n" +
          "因不同地区代办费有所差异,您可输入需办理年检的车牌, 下单时系统会提示您具体的年检费用。因车辆问题导致的年 审办理失败均不退还服务费。",
          id:11
        },{
          title:"十二、证件的快递费是到付吗?",
          detail:"证件的快递费用都需客户自行承担。邮政上门收件的订单金 额已包含邮寄费用,客户无需再次支付揽投员快递费;客户 自行寄送的订单需用户自行承担证件往返快递费用",
          id:12
        },{
          title:"十三、年检后能否提供什么回执?",
          detail:"年检成功后,会将年检合格标志和已加盖年审合格章的行驶 证原件统一寄回给您。",
          id:13
        },{
          title:"十四、能否做跨地区年检,需要什么资料?",
          detail:"车辆年审仅限制至省份不限制城市,即在车牌所在省份年审 即可,不限制到对应车牌归属地所在城市,六年内年审无需 车辆到场,可邮寄资料信息至车牌所在省份车管所办理年 审,不存在跨地区问题。六年外年审需车辆亲自到场检测, 如跨省需提供车牌所在地开具的异地委托书原件。",
          id:14
        },{
          title:"十五、如果证件在年检代办期间丢失了怎么办?",
          detail:"年审代办过程车行易可保障车辆及相应证件信息安全,若发生证件丢失的情况,我司会承担相应责任。",
          id:15
        },{
          title:"十六、下单后可以退单么?",
          detail:"下单后均默认不可取消,如您需退单请务必联系客服申请,以客服确认进度后回复为准。",
          id:16
        },{
          title:"十七、退款多久到账?",
          detail:"未办理的订单退单成功后全额退款,3-5工作日退回原支付账户;正在办理中的订单如退单需扣除相应服务费,具体以客服回复为准。",
          id:17
        },{
          title:"十八、过线检验车不通过如何处理?",
          detail:"过线检需车辆亲自前往验车场检测,车辆要求无任何改装,外观及内部均符合原装标准,车辆各个部件功能符合验车场标准方可通过,如因车辆问题导致验车失败需车主自行修复车辆问题,在验车场规定时限内可免费二次验车,如复检需代驾服务则加收100元服务费。因车辆问题导致的年审不通过均无法退还验车费及代驾服务费。",
          id:18
        },{
          title:"十九、六年内年审不通过如何处理?",
          detail:"六年内年审仅需审核车辆状态及相关资料,车辆违章、曾发生重大交通事故、年审逾期等都有可能导致不通过,如因车生重大交通事故、年审逾期等都有可能导致不通过。",
          id:19
        },]
      }
    },
    methods:{
      showDetail(index){
        for (let i=0;i<this.data.length;i++) {
          if(index+1 != this.data[i].id){
            this.$set(this.data[i],"active",false)
          }
        }
        this.$set(this.data[index],"active",!this.data[index].active)

      },
      beforeEnter(e){
        console.log(121212,document.getElementsByClassName('detail')[0].style.height)

      }
    }
  }
</script>

<style scoped>
  .question li h3{
    text-indent: 1rem;
    height: 3rem;
    line-height: 3rem;
    border-bottom: 1px solid #ddd;
  }
  .question .detail{
    background: #eee;
    padding: 1rem;
  }
  .icon {
    float: right;
    margin-top: .8rem;
    margin-right: 1rem;
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-left: .02rem solid #999;
    border-bottom: .02rem solid #999;
    transform: rotate(-45deg);
  }
  .icon.active{
    margin-top: 1.2rem;
    border-right: .02rem solid #999;
    border-top: .02rem solid #999;
    border-left: 0;
    border-bottom: 0;
  }
</style>
